<div class="portlet box green-haze">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-bar-chart"></i>Report list
        </div>
        <div class="tools">
        </div>
    </div>
    <div class="portlet-body">
        <div class="filterBox">
            <div class="input-group date form_date">
                <input class="form-control input-small" type="text"/>
                <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
            </div>
            <span class="to"> To :</span>
            <div class="input-group date form_date">
                <input class="form-control input-small" type="text"/>
                <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
            </div>
            <div class="btnBox">
                <button class="btn btn-md yellow table-group-action-submit">Search</button>
            </div>
        </div>
        <table class="table table-striped table-bordered table-hover" id="sample_1">
            <thead>
            <tr>
                <th>StaffID</th>
                <th>Name</th>
                <th>Spell</th>
                <th>Personal Leave</th>
                <th>Sick Leave</th>
                <th>Annual Leave</th>
                <th>Paid Leave</th>
                <th>Swap-off Day</th>
                <th>Late (1-15mins)</th>
                <th>late(16-60min)</th>
                <th>Late (60+mins)</th>
                <th>Full Attendance</th>
                <th>Absenteeism</th>
                <th>Deduction</th>
                <th>Late time(team)</th>
                <th>Late time(person)</th>
                <th>Overtime hours</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            <tr>
                <td>AE1860</td>
                <td>欧丽</td>
                <td>oli</td>
                <td>0</td>
                <td>0</td>
                <td>1</td>
                <td>0.5</td>
                <td>0</td>
                <td>2</td>
                <td>0</td>
                <td>0</td>
                <td>Y</td>
                <td>0</td>
                <td>0</td>
                <td>1:51:00</td>
                <td>2:02:00</td>
                <td>0:36:00</td>
            </tr>
            </tbody>
        </table>

    </div>
</div>

<script type="text/javascript">
    $(function(){

        $('.form_date').datetimepicker({
            format: "yyyy-mm-dd",
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            showMeridian: 1
        });
    })

</script>